body{ font-size:12px; margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif;background:url(../images/body_bg.jpg) repeat-x;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0; padding:0; list-style:none; }
input{ outline:none;}
h3{ font-size:14px;}
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#9C192E; text-decoration:none;}

.clear{ clear:both; height:0; list-style:none; display:block;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*Çå³ý¸¡¶¯*/

.floatL{ float:left;}
.floatR{ float:right;}

/*****¶¥²¿ÏÔÊ¾ºÍ·ÖÕ¾ÁÐ±íÏÔÊ¾****/
.top_info{ width:990px; padding-right:40px; padding-top:5px; height:28px; line-height:28px; text-align:right; margin:0 auto; clear:both; overflow:hidden; display:none;}
.top_info a{ color:#999; margin-right:10px;}
.top_info a.jmzx{ display:inline-block; padding:0 16px; border-radius:8px; background-color:#F00; color:#fff;}
.top_info a.jmzx:hover{ background-color:#02A13A;}

.top_container{ height:100px; clear:both;}
.top_c{ width:990px; height:100px; margin:0 auto; clear:both; position:relative;}

.top_c .logo{float:left; width:610px; height:68px; margin:10px 0 0 10px;}
.top_c .logo img{ border:0;}

.top_c .right{ width:310px; height:93px; background:url(../images/top_ph.png) 65px bottom no-repeat; float:right; position:relative;}
.top_c .right .t_link{ padding-top:10px; text-align:right; color:#ccc;}
.t_link a{ margin:0 10px;}
.top_c .right .t_search{ padding-top:5px; clear:both; overflow:hidden;}
.t_search .Search{ width:310px; height:27px; margin-top:5px;}
.t_search .Search .searchtext{ width:239px; height:26px; text-indent:10px; background:url(../images/search_text.jpg) no-repeat; border:none; vertical-align:middle; display:inline-block; color:#666; margin-top:-21px;}

/*****²Ëµ¥À¸ÏÔÊ¾****/
.menu_container{ width:100%; margin:0 auto; height:46px; margin-top:10px; z-index:51; background-color:#3667A7;}
.menu_c{ width:990px; margin:0 auto; height:46px; margin:0 auto; z-index:61;}
.menu{ width:100%; height:46px; clear:both; z-index:71; position:relative;}
.menu li{ float:left; display:inline-block; height:46px; width:120px; margin-right:10px; z-index:72;}
.menu li.home{ width:80px; background:url(../images/home.png) center no-repeat; background-color:#467BC4;}

.menu li a{ display:block; height:46px; line-height:46px; width:100%; font-weight:bold; text-align:center; font-size:14px; color:#fff;}
.menu li a:hover,.menu li a.on,.menu li:hover a{ background-color:#467BC4; color:#fff;}
.menu li.home a,.menu li.home a:hover{ background:none;}
.menu li.homem{
	display: none;
}

.nav_lmenu{ height:36px; width:100%; background-color:#eee;}

.menu li ul{ position:absolute; width:990px; height:34px; left:50%; top:46px; margin:0 0 0 -495px; display:none; overflow:hidden;}
.menu li:hover>ul{ display:block;}
.menu li ul li{ height:36px; padding:0; width:100px; background:none;}
.menu li ul li a,.menu li ul li a.on,.menu li:hover ul li a{ color:#3667A7; border-radius:0; background:none; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0; height:36px; line-height:36px;text-align:left; text-indent:0; font-size:14px; font-weight:normal;}
.menu li ul li a:hover{ background:none; color:#D92D28; }

/*****
.menu li ul{ position:absolute; top:46px; left:0; width:145px; padding:10px; z-index:999; width:auto; background-color:#C6BFB7;  visibility: hidden; overflow:hidden;}
.menu li ul li{ width:100%; height:30px; padding:0; background:none; background:url(../images/menu_ul_li_bg.jpg) left bottom no-repeat;}
.menu li ul li a,.menu li ul li a.on,.menu li:hover ul li a{ color:#43423C; border-radius:0; background:none; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0; height:26px; line-height:26px; width:100%; text-align:left; text-indent:10px; font-size:12px; font-weight:normal;}
.menu li ul li a:hover{ background:none; color:#9C192E;}

/*****ÈÈÃÅ¹Ø¼ü´Ê****/
#H_kw{ width:990px; margin:0 auto; height:32px; background-color:#F6F6F6; overflow:hidden; clear:both; display:none;}
#H_kw .Kwords{ width:600px; height:30px; line-height:30px; text-indent:10px; font-size:12px; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
#H_kw .Kwords a{ margin-right:10px; font-size:12px; color:#999;}
#H_kw .Kwords a:hover{ color:#F87425; text-decoration:underline;}
#H_kw .Search{ width:310px; height:26px; margin-top:5px;}
#H_kw .Search .searchtext{ width:239px; height:26px; text-indent:10px; background:url(../images/search_text.jpg) no-repeat; border:none; vertical-align:middle; display:inline-block; color:#666; margin-top:-20px;}

/*****Ãæ°üÐ¼µ¼º½****/
#M_path{ width:990px; color:#999; height:40px; line-height:40px; padding-top:8px; margin:0 auto; clear:both; overflow:hidden;}
#M_path a{ color:#999; margin:0 5px; text-decoration:underline;}
#M_path a:hover{ text-decoration:none;}

/*****DIVÈÝÆ÷ÏÔÊ¾****/
.container{padding:0 0 10px; overflow:hidden; clear:both;}
.content{ width:990px; border:#D9D9D9 1px solid; margin:0 auto; clear:both; overflow:hidden;}
.content_280{
	float: left;
 width:200px; height:100%; padding-bottom:20px; overflow:hidden; font-family:"Î¢ÈíÑÅºÚ"; border-right:#D9D9D9 1px solid;}
.content_880{ 
	float: right;
	width:789px; min-height:380px; background-color:#FFF; border-left:#D9D9D9 1px solid; overflow:hidden; margin-left:-1px;}

.list_content{margin:0 auto; background-color:#FFF;}


/*****ÏêÏ¸Ò³ºÍÁÐ±íÒ³Banner****/
#BaN{ width:100%; text-align:center; overflow:hidden; clear:both;}
#BaN img{
	max-width: 100%;
}

/*****²à±ßÀ¸ÏÔÊ¾****/
.c_l_title{  height:80px; line-height:80px; font-weight:500; color:#fff; background-color:#4F7CBB; text-align:center; text-align:center; border-bottom:#e6e6e6 1px solid;}
.c_l_title h2{ font-size:20px; font-weight:700;}

.c_l_sort{ margin:0 auto; overflow:hidden; clear:both; color:#333333;}
.c_l_sort ul li{ white-space:nowrap;}
.c_l_sort ul li a{display:block; font-size:18px; color:#333; height:46px; line-height:46px; text-indent:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:#e6e6e6 1px solid;}
.c_l_sort ul li a:hover{color:#0583C3;}
.c_l_sort ul li a.on{display:block; font-size:18px; height:46px; line-height:46px; text-indent:25px; border-bottom:#e6e6e6 1px solid; border-left:#0583C3 5px solid; color:#333; background-color:#f9f9f9;}

.c_l_sort ul li ul li a{ display:block; height:26px; line-height:26px; background:url(../images/index_f1_lis_b.png) 20px center no-repeat; font-size:12px; color:#666; text-indent:36px; font-weight:normal;}
.c_l_sort ul li ul li a:hover,.c_l_sort ul li ul li a.on{ display:block; background:url(../images/index_f1_lis_b.png) 20px center no-repeat; height:26px; line-height:26px; color:#F87425; text-indent:36px; font-weight:normal; font-size:12px;}

/*****ÓÑÇéÁ´½ÓÏÔÊ¾****/
.friendlinkc{ width:100%;background-color:#4C4C4C;}
.friendlink{ padding:10px 0; line-height:180%; clear:both; width:990px; margin:0 auto; clear:both; color:#fff; border-top:#fff 1px dotted; border-bottom:#fff 1px dotted;}
.friendlink a{ color:#fff; padding:0 15px; border-right:#fff 1px solid;}

/*****µ×²¿ÏÔÊ¾****/
.footer_c{ clear:both; overflow:hidden; background-color:#4C4C4C; padding:40px 0 20px; color:#fff;}
.footer{ width:990px; margin:0 auto; overflow:hidden;}
.f_menu{ width:680px; height:168px; overflow:hidden; float:left;}
.f_menu li{ width:20%; height:168px; float:left; overflow:hidden;}
.f_menu li a{ color:#fff; font-size:14px; font-weight:bold;}
.f_menu li ul{ padding-top:15px;}
.f_menu li ul li{ width:100%; height:24px; line-height:20px;}
.f_menu li ul li a{ color:#fff; font-size:12px; font-weight:normal;}

.f_contact{ width:300px; float:right; position:relative;}
.f_contact .phone{ position:relative; text-indent:30px; font-size: 18px;line-height: 21px;font-weight: 100;}
.f_contact .phone i{ width:20px; height:21px; position:absolute; background-image: url(../images/all-bg.png); left:0; top:0;}
.f_contact .info{ padding-top:25px; line-height:200%; color:#fff; font-size:14px;}
.f_contact .link{ padding-top:10px;}
.f_contact .link a{ display:inline-block; width:30px; height:30px; background-image:url(../images/all-bg.png); margin-right:15px;}
.f_contact .link a.wx{ background-position:0 -21px;}
.f_contact .link a.wb{ background-position:-30px -21px;}
.f_contact .link a.em{ background-position:-60px -21px;}

.footer_c2{ text-align:center; padding:15px 0 30px; line-height:180%; color:#fff; background-color:#4C4C4C;}
.footer_c2 a{ color:#fff; text-decoration:underline;}

.footer-mobile{
	display: none;
	background-color:#4C4C4C; 
	padding:15px 0; 
	color:#fff;
	text-align:center;
	margin-bottom:70px;
}

/*****Í³¼ÆÏµÍ³ºÍ¿Í·þÏµÍ³´úÂë¡¾½ûÖ¹ÏÔÊ¾¡¿****/
.display_none{ }

/*****¡¾¶þÎ¬Âë ºÍ ·µ»Ø¶¥²¿¡¿****/
#Tool_B{ position:fixed; width:50px; height:50px; bottom:10px; right:10px; z-index:999999;}

.Tool_link{ width:50px; height:189px; overflow:hidden;}
.Tool_link a{ display:inline-block; width:50px; height:45px; margin-bottom:3px; background-image:url(../images/Tool_ico.png); background-color:#333;}
.Tool_link a:hover{ background-color:#D6342F;}
.Tool_link a.ewm{ background-position:0 0;}
.Tool_link a.qq{ background-position:0 -48px;}
.Tool_link a.dh{ background-position:0 -96px;}
.Tool_link a.top{ background-position:0 -144px;}

#Tool_sewm,#Tool_QQ,#Tool_dh{ position:absolute; display:none; width:120px; height:169px; padding:10px; left:-140px; top:0; background-color:#03A638; color:#fff;}
#Tool_sewm{ font-size:13px;text-align:center;}
#Tool_sewm img{ width:120px; height:120px; border:none; margin-bottom:10px;}
#Tool_QQ ul li{ height:30px; line-height:30px;}
#Tool_dh span{ display:block; padding:0 0 2px 0; line-height:150%;}
#Tool_dh center{ font-size:15px; font-weight:600;}



/*µ×²¿¹¤¾ß START*/
.tool-wrap{
	display: flex;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5.2rem;
	background: #0168B7;
	font-size: 1.1rem;
	z-index: 89;
}
.tool-wrap a{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.tool-wrap span{
	width: 1.95rem;
    height: 1.95rem;
    display: block;
    margin: 0 auto;
}
.tool-wrap img{
	width: 1.95rem;
    display: block;
}
.tool-wrap a{
	flex: 1;
	border-left: rgba(255,255,255,.2) 1px solid;
	text-align: center;
	color: #fff;
}
.tool-wrap a:first-child{
	border-left: none;
}
/*µ×²¿¹¤¾ß END*/


/*ÒÆ¶¯²Ëµ¥°´Å¥*/

.mobile-button {
	display: none;
	float: right;
	position: relative;
	background: transparent;
	cursor: pointer;
	width: 26px;
	height: 16px;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}
.mobile-button:before, .mobile-button:after, .mobile-button span {
	background-color: #222;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}
.mobile-button:before, .mobile-button:after {
	content: '';
	position: absolute;
	top: 0;
	height: 3px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.mobile-button span {
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}
.mobile-button:before {
	-webkit-transform: translate3d(0, -7px, 0);
	-moz-transform: translate3d(0, -7px, 0);
	transform: translate3d(0, -7px, 0);
}
.mobile-button:after {
	-webkit-transform: translate3d(0, 7px, 0);
	-moz-transform: translate3d(0, 7px, 0);
	transform: translate3d(0, 7px, 0);
}
.mobile-button.active span {
	opacity: 0;
}
.mobile-button.active:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.mobile-button.active:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.container-logo{
	display: none;
	height: auto;
    margin: 0 auto;
    padding: 20px 10px;
    position: relative;
}
.c-logo{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-m{
	max-width: 70%;
}
.logo-m img{
	width: 100%;
}

/*¿ò¼Ü*/
.container {
	height: auto;
	margin:10px auto;
	overflow: visible;
	position: relative;
}
.container:after {
	content: "";
	display: block;
	clear: both;
}
@media only screen and (min-width: 768px) {
	.container {
		width: 100%;
	}
}
@media only screen and (min-width: 992px) {
	.container {
		width: 970px;
	}
	.nav-wrap{
		display: flex;
	}
	
	.tool-wrap{
		display: none;
	}

	.mobile-tool{
		display: none;
	}
}
@media only screen and (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

@media only screen and (max-width: 767px) {
	html{
		font-size: 14px;
	}
	.container {
		width: 100%;
	}
	.logo-text{
		display: none;
	}

	.logo-pic{
		max-width: 70%;
	}

	.container-logo{
		display: block;
	}

	.index-title h2{
		font-size: 1.6rem;
		line-height: 120%;
	}


}
@media only screen and (max-width: 991px){
	body{
		background:none;
	}
	.container-logo,.logo-m{
		display: block;
	}
	.top_container{
		display: none;
	}
	#Tool_B{
		display: none;
	}
	.footer_c,.footer_c2,.friendlinkc{
		display: none;
	}
	.footer-mobile{
		display: block;
	}

	.menu_container{
		height: 0;
		margin-top: 0;
		position: relative;
	}
	.menu_c {
		position: absolute;
	    width: 100%;
	    margin: 0 auto;
	    height: 46px;
	    margin: 0 auto;
	    z-index: 61;
	}
	.menu{
		display: none;
		height: auto;
	}
	.menu li {
		float: none;
	    display: block;
	    height: 46px;
	    width: 100%;
	    margin-right: 0;
	    background-color: #3667A7;
	    border-bottom: #7599CA 1px solid;
	    z-index: 72;
	}
	.menu li.home{
		display: none;
	}
	.menu li.homem{
		display: block;
	}
	.nav_lmenu{
		display: none;
	}
	.menu li ul {
	    display: none;
	    top: -1000px;
	}


	#M_path{
		display: none;
	}
	
	.c_l_title {
	    height: 40px;
	    line-height: 40px;
	    font-weight: 500;
	    color: #fff;
	    background-color: #4F7CBB;
	    text-align: center;
	    text-align: center;
	    border-bottom: #4F7CBB 1px solid;
	}
	.c_l_title h2 {
	    font-size: 16px;
	    font-weight: 500;
	}
	.c_l_sort {
	    margin: 0 auto;
	    overflow: hidden;
	    clear: both;
	    border: #4F7CBB 1px solid;
	    color: #333333;
	}
	.c_l_sort ul li a {
	    display: block;
	    font-size: 14px;
	    color: #333;
	    height: 36px;
	    line-height: 36px;
	    text-indent: 30px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    border-bottom: #e6e6e6 1px solid;
	}
	.c_l_sort ul li a.on {
	    display: block;
	    font-size: 14px;
	    height: 36px;
	    line-height: 36px;
	    text-indent: 25px;
	    border-bottom: #e6e6e6 1px solid;
	    border-left: #f00 5px solid;
	    color: #333;
	    font-weight: 700;
	    background-color: #f9f9f9;
	}

	.content{
		width: auto;
		padding: 10px;
		border: 0;
	}
	.content_280{
		float: none;
	    width: 100%;
	    height: 100%;
	    padding-bottom: 20px;
	    overflow: hidden;
	    border-right:0;
	}
	.content_880 {
	    float: none;
	    width: 100%;
	    min-height: 380px;
	    background-color: #FFF;
	    border-left: 0;
	    overflow: hidden;
	    margin-left: -1px;
	}
	.d_c {
	    padding: 10px 10px !important;
	    overflow: hidden;
	}
	#d_next_pre{
		display: none;
	}
	#d_more ul li {
	    float: none;
	    width: 100% !important;
	    height: 32px;
	    line-height: 32px;
	    background: url(../images/ico_li_1.gif) 10px center no-repeat;
	    text-indent: 20px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}

	#page a{
		display: none;
	}
	#u-page,#d-page{
		display: block !important;
		padding: 8px 10px !important;
		margin-bottom: 5px;
	}


	.header-top-wrap{
		display: none;
	}




	.pages {
	    padding: 40px 0 10px;
	}
	.pages .pagination li{
		display: none;
	}
	.pages .pagination li:first-child,.pages .pagination li:last-child{
		display: inline-block;
	}
	.pages li span, .pages li a {
	    margin: 0 5px;
	    padding: 12px 25px;
	}

	.side-contact-title,.side-contact{
		display: none;
	}

	.nav_sort{
		margin: 15px 0;
	}
	.nav_sort a{
		font-size: 14px;
	}
	
	.logo-wrap {
	    height: auto;
	    margin: 0 auto;
	    padding: 20px 10px;
	}
	.logo-pic img{
		width: 100%;
	}
	
	.page-wrap {
	    padding: 20px 0;
	    margin: 0 auto;
	}
	.page-wrap-left{
		display: none;
	}
	.page-wrap-content{
		font-size: 14px;
	}

	.mobile-button {
	    display: block;
	}
	.mobile-tool{
		display: flex;
	}

	.footer_nav{
		display: none;
	}
	.footer_logo{
		display: none;
	}
	.footer_text{
		text-align: center;
	}

	.nav-con{
		/*display: none;*/
	}

	.logo-phone{
		display: none;
	}
	.logo-weixin{
		display: none;
	}

	.link-wrap{
		display: none;
	}
	.baoming-wrap{
		display: none;
	}
	.footer-d{
		justify-content: center;
	}
	
	.footer_weixin{
		display: none;
	}

	.nav-wrap{
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		display: none;
		background-color: #004C99;
		z-index: 9911;
	}
	.nav-wrap li{
		float: none;
		display: block;
		border-bottom: rgba(255,255,255,.1) 1px solid;
	}
	.nav-wrap a.nav-b{
		display: block;
	    height: 46px;
	    line-height: 46px;
	    position: relative;
	    font-size: 16px;
	    font-weight: 500;
	    padding: 0 0;
	    text-align: center;
	    color: #fff;
	}
	.nav-wrap li:hover>ul{ display:none;}

	.index_ban .dri{
		display: none;
	}
	.index_ban{
		height: 260px !important;
	}
	ul#i_bn {
	    width: 100%;
	    height: 260px !important;
	}
	ul#i_bn li {
	    width: 100%;
	    height: 260px !important;
	    position: relative;
	    background-size:auto 100% !important;
	}
	ul#i_bn li .text {
	    left: 0 !important;
	    top: auto !important;
	    bottom: 0 !important;
	    margin-left:0;
	    width: 100% !important;
	    height: 40px !important;
	    line-height: 40px;
	    padding: 0 !important; 
	    margin-left: 0 !important;
	}
	ul#i_bn li .text strong {
		display: block;
		text-indent: 20px;
		height: 40px;
		line-height: 40px !important;
	    font-size: 16px !important;
	    padding: 0 !important;
	}
	ul#i_bn li .text p{
		display: none;
	}

	.d_c_content img{
		max-width: 100%;
	}

}